$(function() {
    //ajax请求数据并渲染
    $.ajax({
        url: BigNew.user_detail,
        type: 'get',
        dataType: 'json',
        success: function(backData) {
            console.log(backData);
            //渲染
            // $('.username').val(backData.data.username);
            // $('.nickname').val(backData.data.nickname);
            // $('.email').val(backData.data.email);
            // $('.password').val(backData.data.password);
            $('.user_pic').attr('src', backData.data.userPic);
            //优化
            for (let key in backData.data) {
                $(`.${key}`).val(backData.data[key]);
            }
        }
    });


    /* 2.文件预览 */
    //1.给file表单元素注册onchange事件
    $('#exampleInputFile').change(function() {
        //1.2 获取用户选择的图片
        let file = this.files[0];
        //1.3 将文件转为src路径
        let url = URL.createObjectURL(file);
        //1.4 将url路径赋值给img标签的src
        $('.user_pic').attr('src', url);
    });

    /* 3.文件上传 */
    $('.btn-edit').on('click', function(e) {
        //禁用表单默认提交事件
        e.preventDefault();
        //创建FormData对象：参数是表单dom对象
        let fd = new FormData($('form')[0]);
        $.ajax({
            url: BigNew.user_edit,
            type: 'post',
            dataType: 'json',
            data: fd,
            contentType: false,
            processData: false,
            success: function(backData) {
                console.log(backData);
                alert(backData.msg);

                /*注意点 
                window : user.html页面
                window.parent:父窗口  index.html
                */
                //刷新首页index.html
                window.parent.location.reload();


            }
        });
    });

})